html,
body,
.sx-main {
    height: 100%;
    margin: 0;
    background-color: #fff;
}


/* 设置滚动条的样式 */
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4);
    &:hover{
        background-color: rgba($Primary, 0.6);
    }
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.4);
    &:hover{
        background-color: rgba($Primary, 0.6);
    }
}

.el-select-group {
    .el-select-dropdown__item{
        padding-left: 35px;
    }
}
.zIndex2010{
    z-index: 2010 !important;
}

.zIndex9999{
    z-index: 9999 !important;
}

.deleteBtn{
    color: red;
}
.ml10{
    margin-left: 10px;
}
.mr10{
    margin-right: 10px;
}
.mt10{
    margin-top: 10px;
}
.mb10{
    margin-bottom: 10px;
}
.p10{
    padding: 10px;
}
.inline-block {
    display: inline-block;
}
.pl10{
    padding-left: 10px;
}
.pr10{
    padding-right: 10px;
}
.pt10{
    padding-top: 10px;
}
.pb10{
    padding-bottom: 10px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.sx-main {
    padding: 3px;
    box-sizing: border-box;
}

.splitpanes.default-theme {
    .splitpanes__pane {
        background-color: #fff;
    }
}

// 修改全局 $sxConfirm 组件的按钮位置
.sxConfirm {
    &__cancelBtn {
        float: right;
        margin-left: 10px;
    }
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    color: #555;
}

.edit-cell {

    &,
    input {
        background: #FFE7BA;
    }
}

.hightlight-row {
    background-color: yellow;
}

.splitpanes__pane {
    transition: initial
}

// element-ui 样式覆盖

// Tabs 下方距离
.el-tabs--border-card>.el-tabs__content {
    padding-top: 5px;
}

.el-tabs__header {
    margin-bottom: 0px;
}

.el-image-viewer__wrapper {
    .el-icon-circle-close {
        color: #fff
    }
}

// 修改 表格排序按钮的高度
.el-table {
    .caret-wrapper {
        height: 23px;

        .sort-caret {
            &.descending {
                bottom: 0px;
            }

            &.ascending {
                top: 0px;
            }
        }
    }
}


.el-message {
    top: 45% !important
}

.el-form-item {
    margin-bottom: 0px;

    &:last-child {
        height: 100%;
    }
}

.el-button+.el-button {
    margin-left: 0;
}

.el-col-right {
    height: 100%;
    display: flex;
    flex-wrap: wrap;

    button {
        margin: 0 5px;
    }
}

.el-table__empty-block {
    width: auto !important;
}

.el-dialog {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

    &__header {
        background-color: #4c58a4;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 10px;
    }

    &__body {
        padding-top: 0;
    }

    &__title {
        font-size: 16px;
        color: #fff;
    }

    &__footer {
        border-top: 1px solid #ccc;
        padding: 5px;
        background-color: #f5f5f5;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
}





.el-table th {
    padding: 5px 0;
}

.el-table th {
    background: #e6e6e6
}

.el-icon-success-color {
    color: #7FFF00
}

.el-icon-error-color {
    color: #FF0000
}

.el-pagination-wrap {
    display: flex;
    justify-content: flex-end;
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    cursor: pointer;
    // background-color:#F5F7FA
}

// element-ui 样式覆盖 end




// primary按钮 hover 和 focus 选择器
.el-button--primary:hover {
    background: $PrimaryHover;
}

// 自定义样式
.el-button.is-disabled {
    background-color: #909399 !important;
    border-color: #909399 !important;
    color: #fff !important;
}

.el-button.is-disabled.el-button--text {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #909399 !important;
}

.btn-groups {
    margin: 4px 0;

    &__items {
        display: inline-block;
        margin-right: 6px;
    }

    button {
        margin-top: 1px;
        margin-left: 0 !important;
    }

    button:first-child {
        margin-left: 0 !important;
    }
}

.row-lock-active {
    background-color: oldlace !important;
}

.td-align-left {
    text-align: left !important;

    i {
        margin-right: 10px;
    }
}

.flag-type-0 {
    color: #9E9E9E
}

.flag-type-1 {
    color: #FF0000
}

.flag-type-2 {
    color: #EEEE00
}

.flag-type-3 {
    color: #7FFF00
}

.flag-type-4 {
    color: #00E5EE
}

.flag-type-5 {
    color: #EE30A7
}



// 
.dialog-form-textarea {
    width: calc(50% - 20px);

    .el-form-item__content {
        width: calc(100% - 90px)
    }

    textarea {
        resize: none;
    }
}

.pointer-i {
    cursor: pointer;

    &:hover {
        color: red
    }
}
.default-icon-color{
    color:#409EFF;
}
.xianxia-font-color{
    color:#1299e8;
}
.taobao-font-color{
    color:#F40;
}
.jingdong-font-color{
    color:#c81623;
}
.pinduoduo-font-color{
    color:#e02e24;
}

// 自定义样式 end